<template>
  <!-- client框架组件 -->
  <Suspense>
    <!-- <film-read v-bind="reactive({ ...pageSettings.pic, isComponent: Content })" /> -->
    <component
      :is="FilmReadComp"
      :key="FilmRead.currentSeriesIndex"
      v-bind="reactive({ ...pageSettings.pic, isComponent: Content })"
    ></component>
  </Suspense>
  <!-- <film-read
    type="pic"
    ref="filmRef"
    isEye
    isColor
    isDel
    :isComponent="Content"
    @toolBarClick="UtilsHooks.handleToolBar"
    @lesionClick="UtilsHooks.handleLesionClick"
  >
  </film-read> -->
</template>

<script lang="ts" setup>
import { reactive } from "vue";
import * as Store from "@/store";
import FilmReadComp from "@/views/filmRead/index.vue";
import Content from "./content.vue";
import pageSettings from "@/config/filmRead.json";
const FilmRead = Store.useFilmRead();
</script>

<style lang="less" scoped>

</style>
